<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>vue-admin-template</title>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_823925_f1l9171odin.css"/>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_911111_83qhf178rve.css">
    <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.10&key=54e2a7d7cc11d9798ff0e8c59dd3336a"></script>
    <script src="http://cdn.ronghub.com/RongIMLib-2.3.3.min.js"></script>
    <script src="//webapi.amap.com/ui/1.0/main.js"></script>
  </head>
  <body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
  <style>
     body,html{
       font: 14px/1.5 "PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
     }
    label {
      font-weight: inherit !important;
    }
    .head_img{
      width: 30px;
      height: 30px;
      border-radius: 30px;
    }
    .content_card{
      width: 100%;
      border-radius: 4px;
      height: 100%;
      background: white;

    }
    ul{
      list-style: none;
      padding:0px;
      margin: 0;
    }
     .el-container .el-form-item{
       flex: 1;
     }
     /**
     表格过虑条件样式
     **/
     .them-table-warp  .cell.highlight{
      color: red !important;
     }

     .them-table-warp .cell.highlight .el-table__column-filter-trigger .el-icon-arrow-down:before{
       color: red !important;
     }
     .el-table{
       font-size: 13px;
     }
     /**
        改变表格过虑图标
      */
   .them-table-warp .el-table__column-filter-trigger .el-icon-arrow-down:before{
        content: '\e67e' !important;
        margin-left: 5px;
        font-size: 14px;
        color: #01020a;
        font-family: "iconfont" !important;
    }

     .them-table-warp  .el-table th.el-table-column--selection .is-checked .el-checkbox__inner{
      background-color: red !important;
    }
     .them-table-warp .el-table th .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
       background-color: red;

     }

    .el-table .el-icon-loading{
      color: white !important;
      font-size: 18px;
    }
     .el-table .el-loading-text{
       color: white !important;
     }

    button{
      vertical-align: text-top;
    }

     .el-table .error-row{
       background: oldlace;
     }


    .dialog-footer{
      display: flex;
      justify-content: center;
    }

     input::-webkit-outer-spin-button,
     input::-webkit-inner-spin-button {
       -webkit-appearance: none;
     }
     input[type="number"]{
       -moz-appearance: textfield;
     }

  </style>
</html>
